
@charset "utf-8";
@import "reset.css";
@import "font-awesome.min.css";
header {
    background-color: #FFFFFF;
    padding: 15px 0;
}
.container-fluid {
    padding-left: 20px;
    padding-right: 20px;
}
.user {
    display: inline;
    position: relative;
}
.user h5 {
    color: #424242;
    font-family: calibri;
    font-size: 17px;
    font-weight: normal;
    line-height: 18px;
    margin: 0 10px 0 0;
    text-align: right;
}
.user p {
    color: #39ACEC;
    display: block;
    font-family: calibri;
    margin: 0 10px 0 0;
    text-align: right;
}
nav#main_topnav {
    background-color: #181413;
    left: 0;
    padding: 14px 0;
    position: fixed;
    width: 100%;
    z-index: 9;
}
nav#main_topnav .toggle-topmenu, nav#main_topnav .toggle-aside {
    color: #FFFFFF;
    display: none;
    font-size: 30px;
}
nav#main_topnav ul {
    margin: 0;
    text-align: right;
}
nav#main_topnav ul li {
    display: inline;
    margin: 0 15px;
}
nav#main_topnav ul li:last-child {
    margin-right: 0;
}
nav#main_topnav ul li a {
    color: #FFFFFF;
    font-size: 18px;
}
nav#main_topnav ul li:hover a {
}
aside#left_panel {
    -moz-box-sizing: border-box;
    background-color: #DADADA;
    height: 100%;
    left: 0;
    padding: 20px 0;
    position: fixed;
    top: 120px;
    width: 270px;
}
form.search_form {
    margin-bottom: 20px;
    position: relative;
}
.search-input {
    margin-right: 35px;
}
form.search_form input {
    -moz-box-sizing: border-box;
    border: 1px solid #AFAFAF;
}
form.search_form input[type="text"] {
    background-color: #EEEEEE;
    border-right: 0 none;
    color: #919191;
    display: block;
    font-style: italic;
    height: 35px;
    padding: 7px;
    width: 100%;
}
form.search_form input[type="text"]:focus {
    border-color: #8C8B8B;
}
form.search_form input[type="submit"] {
    background-color: #1171A1;
    border-color: #013F5F;
    color: #FFFFFF;
    height: 35px;
    padding: 9px 10px;
    position: absolute;
    right: 0;
    top: 0;
}
nav#aside_nav ul {
    margin: 0;
}
nav#aside_nav li {
    list-style: none outside none;
}
nav#aside_nav li:hover a, nav#aside_nav li.active a, nav#aside_nav li.open a {
    background-color: #ECECEC;
    color: #1171A1;
}
nav#aside_nav li.active > a {
    font-family: 'OpenSans-Regular';
}
nav#aside_nav li ul {
    display: none;
}
nav#aside_nav li a {
    color: #0D1218;
    display: block;
    font-size: 14px;
    padding: 8px 20px;
}
nav#aside_nav li a span {
    background-color: #D43B28;
    border: 1px solid #A11A08;
    border-radius: 3px;
    color: #FFFFFF;
    display: inline-block;
    float: right;
    font-size: 10px;
    font-weight: bold;
    line-height: 16px;
    padding: 0 5px;
}
nav#aside_nav li ul li a {
    color: #979797 !important;
    padding: 7px 20px;
}
nav#aside_nav li ul li a:hover, nav#aside_nav li ul li.active a {
    background: none repeat scroll 0 0 #F6F6F6;
    color: #7C7C7C !important;
}
.movefor-aside {
    transform: translate3d(270px, 0px, 0px);
}
section#main_content {
    background-color: #FFFFFF;
    margin: 0 0 0 270px;
    padding-top: 54px;
    position: relative;
}
section#main_content > div.container-fluid {
    padding: 15px 20px;
}
.overflow-scroll {
    overflow: auto;
}
.page-header {
    border: 0 none;
    margin: 0;
    padding: 0;
}
.page-header h1 {
    font-size: 34px;
    margin-top: 0;
}
.page-header h1 small {
    font-size: 14px;
}
.breadcrumb {
    background-color: #F4F4F4;
    padding: 3px 10px;
}
.breadcrumb li a, .breadcrumb li {
    font-family: calibri;
    font-size: 14px;
}
.panel {
    border: 0 none;
    box-shadow: none;
}
.panel.colored .panel-body {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #E5E5E5 #E5E5E5;
    border-image: none;
    border-right: 1px solid #E5E5E5;
    border-style: none solid solid;
    border-width: 0 1px 1px;
}
.panel-heading {
    border-bottom: 1px solid #CCCCCC;
    padding: 8px 0;
}
.panel.colored .panel-heading {
    border: 0 none;
    box-shadow: 0 2px 0 rgba(255, 255, 255, 0.3) inset;
    padding: 8px 15px;
    position: relative;
}
.panel.colored .panel-heading:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #000000;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 7px;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    opacity: 0.3;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}
.panel-title {
    color: #656565;
    display: inline;
    font-size: 18px;
    line-height: normal;
    text-transform: uppercase;
}
.panel.colored .panel-title, .panel.colored small {
    color: #FFFFFF;
}
.panel-body {
    padding: 15px 0;
    position: relative;
}
.panel.colored .panel-body {
    padding: 15px;
}
.panel:hover ul.toolbar {
    display: block;
}
.panel-body.no-padding, .no-padding {
    padding: 0;
}
ul.toolbar {
    display: none;
    margin: 0;
}
ul.toolbar li {
    display: inline-block;
}
ul.toolbar li a {
    color: #333333;
    display: inline-block;
    font-size: 16px;
    opacity: 0.6;
    padding: 5px;
}
ul.toolbar li a i {
    width: auto;
}
.panel.colored ul.toolbar li a {
    color: #FFFFFF;
}
.panel.colored ul.toolbar li a:hover {
    opacity: 0.8;
}
.panel-footer {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #E5E5E5 #E5E5E5;
    border-image: none;
    border-right: 1px solid #E5E5E5;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    padding: 15px;
}
.box-loader {
    background: url("../images/loader/windows8.gif") no-repeat scroll center center #FFFFFF;
    cursor: wait;
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}
.stats {
    margin: 0;
}
.stats li {
    color: #FFFFFF;
    list-style: none outside none;
    margin-bottom: 25px;
    text-align: center;
}
.stats li h5 {
    font-size: 16px;
    font-weight: normal;
    line-height: 25px;
    margin: 0;
    padding: 0 0 6px;
    text-align: center;
}
.stats li a {
    clear: both;
    color: #FFFFFF;
    display: block;
    font-size: 13px;
    opacity: 0.7;
    padding: 5px 15px;
    text-align: left;
}
.stats li a i {
    float: right;
    font-size: 14px;
    padding: 2px 0 0;
    text-align: right;
}
.stats li a:hover, .stats li a:hover i {
    opacity: 1;
}
.stats li > div > i {
    clear: both;
    display: inline-block;
    font-size: 46px;
    padding: 8px 0 0;
}
.stats li div.blue-bg a {
    background-color: #2295C9;
}
.stats li div.green-bg a {
    background-color: #50B478;
}
.stats li div.purple-bg a {
    background-color: #751E88;
}
.stats li div.orange-bg a {
    background-color: #E87712;
}
.stats li div.yellow-bg a {
    background-color: #DB9628;
}
.stats li div.mehroon-bg a {
    background-color: #CB545E;
}
.stats li div.bottelgreen-bg a {
    background-color: #45BCA1;
}
.metro-table {
    width: 100%;
}
.metro-table thead tr td {
    color: #8E8E8E;
    font-size: 17px;
    padding: 5px 5px 15px;
}
.metro-table tfoot tr td {
    color: #8E8E8E;
    font-size: 14px;
}
.metro-table tbody tr td {
    font-size: 14px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.metro-table tbody tr td span {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #F5F5F5 #F5F5F5 #F5F5F5 -moz-use-text-color;
    border-image: none;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
    display: block;
    overflow: hidden;
    padding: 7px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.metro-table tbody tr td:last-child span {
    border: 0 none;
}
.metro-table tbody tr:nth-child(5n+1) td:first-child span:first-child {
    border-left: 5px solid #27A9E3;
}
.metro-table tbody tr:nth-child(5n+2) td:first-child span:first-child {
    border-left: 5px solid #F2AE43;
}
.metro-table tbody tr:nth-child(5n+3) td:first-child span:first-child {
    border-left: 5px solid #28B779;
}
.metro-table tbody tr:nth-child(5n+4) td:first-child span:first-child {
    border-left: 5px solid #E7191B;
}
.metro-table tbody tr:nth-child(5n+5) td:first-child span:first-child {
    border-left: 5px solid #C180E6;
}
.metro-table ul.pagination {
}
.metro-table ul.pagination li, .metro-table ul.pagination li a {
    display: inline-block;
}
.metro-table ul.pagination li a {
    border: 1px solid #FFFFFF;
    color: #999999;
    height: 25px;
    padding: 1px 0;
    text-align: center;
    width: 25px;
}
.metro-table ul.pagination li a:hover {
    border: 1px solid #CCCCCC;
}
@media (max-width: 850px) {
table#unseen td:nth-child(2), table#unseen th:nth-child(2) {
    display: none;
}
}
@media (max-width: 640px) {
table#unseen td:nth-child(4), table#unseen th:nth-child(4), table#unseen td:nth-child(7), table#unseen th:nth-child(7), table#unseen td:nth-child(8), table#unseen th:nth-child(8) {
    display: none;
}
}
@media (max-width: 850px) {
#flip-scroll .cf:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
#flip-scroll * html .cf {
}
#flip-scroll *:first-child + html .cf {
}
#flip-scroll table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
#flip-scroll th, #flip-scroll td {
    margin: 0;
    vertical-align: top;
}
#flip-scroll th {
    text-align: left;
}
#flip-scroll table {
    display: block;
    position: relative;
    width: 100%;
}
#flip-scroll thead {
    display: block;
    float: left;
}
#flip-scroll tbody {
    display: block;
    overflow-x: auto;
    position: relative;
    white-space: nowrap;
    width: auto;
}
#flip-scroll thead tr {
    display: block;
}
#flip-scroll th {
    display: block;
    text-align: right;
}
#flip-scroll tbody tr {
    display: inline-block;
    vertical-align: top;
}
#flip-scroll td {
    display: block;
    min-height: 1.25em;
    text-align: left;
}
#flip-scroll th {
    border-bottom: 0 none;
    border-left: 0 none;
}
#flip-scroll td {
    border-bottom: 0 none;
    border-left: 0 none;
    border-right: 0 none;
}
#flip-scroll tbody tr {
    border-left: 1px solid #BABCBF;
}
#flip-scroll th:last-child, #flip-scroll td:last-child {
    border-bottom: 1px solid #BABCBF;
}
}
@media only screen and (max-width: 850px) {
#no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr {
    display: block;
}
#no-more-tables thead tr {
    left: -9999px;
    position: absolute;
    top: -9999px;
}
#no-more-tables tr {
    border: 1px solid #CCCCCC;
}
#no-more-tables td {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #EEEEEE;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    padding-left: 50%;
    position: relative;
    text-align: left;
    white-space: normal;
}
#no-more-tables td:before {
    font-weight: bold;
    left: 6px;
    padding-right: 10px;
    position: absolute;
    text-align: left;
    top: 6px;
    white-space: nowrap;
    width: 45%;
}
#no-more-tables td:before {
    content: attr(data-title);
}
}
.blue-bg, .pager li > a.blue-bg {
    background-color: #30ABE0;
}
.btn.blue-bg:hover, .btn.blue-bg.active {
    background-color: #259CCF;
}
.yellow-bg, .pager li > a.yellow-bg {
    background-color: #F2AE43;
}
.btn.yellow-bg:hover, .btn.yellow-bg.active {
    background-color: #E8A740;
}
.green-bg, .pager li > a.green-bg {
    background-color: #66C88D;
}
.btn.green-bg:hover, .btn.green-bg.active {
    background-color: #5ABA80;
}
.red-bg, .pager li > a.red-bg {
    background-color: #F06060;
}
.btn.red-bg:hover, .btn.red-bg.active {
    background-color: #E25353;
}
.mehroon-bg, .pager li > a.mehroon-bg {
    background-color: #E36974;
}
.btn.mehroon-bg:hover, .btn.mehroon-bg.active {
    background-color: #D85D68;
}
.orange-bg, .pager li > a.orange-bg {
    background-color: #F5821C;
}
.btn.orange-bg:hover, .btn.orange-bg.active {
    background-color: #E77918;
}
.purple-bg, .pager li > a.purple-bg {
    background-color: #C180E6;
}
.btn.purple-bg:hover, .btn.purple-bg.active {
    background-color: #B474D9;
}
.pink-bg, .pager li > a.pink-bg {
    background-color: #EC2F87;
}
.btn.pink-bg:hover, .btn.pink-bg.active {
    background-color: #DF287D;
}
.bottelgreen-bg, .pager li > a.bottelgreen-bg {
    background-color: #58D4B8;
}
.btn.bottelgreen-bg:hover, .btn.bottelgreen-bg.active {
    background-color: #50C9AE;
}
.gray-bg, .pager li > a.gray-bg {
    background-color: #CCCCCC;
}
.btn.gray-bg:hover, .btn.gray-bg.active {
    background-color: #BCBCBC;
}
.brown-bg, .pager li > a.brown-bg {
    background-color: #BEA881;
}
.btn.brown-bg:hover, .btn.brown-bg.active {
    background-color: #AD966E;
}
.black-bg, .pager li > a.black-bg {
    background-color: #484848;
}
.btn.black-bg:hover, .btn.black-bg.active {
    background-color: #323232;
}
.invoice-details {
    -moz-box-sizing: border-box;
    border: 1px solid #E6E6E6;
    clear: both;
    display: table;
    margin: 15px 0 20px;
    width: 100%;
}
.invoice-details > div {
    display: table-cell;
    padding: 10px;
}
.locked {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
    bottom: 0;
    height: 230px;
    left: 0;
    margin: auto;
    max-width: 540px;
    padding: 25px;
    position: absolute;
    right: 0;
    top: 0;
}
.locked-body h2 {
    margin: -8px 0 5px;
}
.locked .locked-body h2, .locked .locked-body p {
    color: #FFFFFF;
}
.locked-user img {
    max-width: 100%;
}
.locked-body .msg-button-relative {
    margin-top: 45px;
}
.signin {
    background: none repeat scroll 0 0 #FFFFFF;
    left: 0;
    margin: auto;
    max-width: 400px;
}
.signin .signin-body h3 {
    line-height: normal;
    margin: 0 0 30px;
}
.idolcontainer .back {
    background: linear-gradient(#5B91B3 0%, #92BBDB 50%, #7689C4 75%, #25437F 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}
.idolcontainer .back span {
    border-radius: 50% !important;
    display: block;
    position: absolute;
}
.idolcontainer .time {
    bottom: 40px;
    color: #FFFFFF;
    position: absolute;
    right: 50px;
    text-align: right;
}
.idolcontainer .hour {
    font-size: 120px;
    font-weight: normal;
    line-height: 120px;
    margin: 0;
}
.idolcontainer .date {
    font-size: 18px !important;
    padding-right: 10px;
}
input, button, select, textarea {
    font-family: 'OpenSans-Light';
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border: 1px solid #DDDDDD;
    color: #333333;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: #30ABE0;
}
input, textarea {
    box-shadow: none !important;
}
.control-label, label {
    color: #666666;
    font-size: 15px;
    font-weight: normal;
}
.panel-footer .form-group:last-child {
    margin-bottom: 0;
}
select.chzn-nopadd {
    padding: 0;
}
.btn {
    color: #FFFFFF;
}
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn[disabled], .btn.disabled {
    color: #FFFFFF;
}
.pager li > a, .pager li > span {
    border: 0 none;
}
.input-append .add-on, .input-prepend .add-on {
    padding: 7px 9px;
}
.well {
    box-shadow: none;
}
.accordion-heading .accordion-toggle {
    background-color: #F9F9F9;
}
.form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block, .form-horizontal .uneditable-input + .help-block, .form-horizontal .input-prepend + .help-block, .form-horizontal .input-append + .help-block {
    margin-top: 5px;
}
.left-label label.control-label {
    text-align: left;
}
.styled-input-file {
    padding: 0;
    position: relative;
}
.styled-input-file .input-file-box input {
    border-right: 0 none;
}
.styled-input-file .btn {
    position: absolute;
    right: 0;
    top: 0;
}
.row [class*="span"]:first-child {
    margin-left: 0;
}
.show-grid [class*="span"] {
    margin-bottom: 5px;
}
.showcase-btn {
    margin: 0 10px 15px 0 !important;
}
.form-row-seperated .form-group {
    border-bottom: 1px solid #EDEDED;
    padding: 10px 0;
}
.form-row-seperated .form-group:last-child {
    border: 0 none;
}
.form-bordered .form-group {
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 0;
}
.form-bordered .form-group:last-child {
    border: 0 none;
}
.form-bordered .form-group .control-label {
    padding-top: 15px;
}
.form-bordered .form-group .col-lg-10 {
    border-left: 1px solid #E5E5E5;
    padding-bottom: 15px;
    padding-top: 15px;
}
.feeds {
    margin: 0;
}
.feeds li {
    border-bottom: 1px dotted #999999;
    color: #666666;
    font-size: 14px;
    padding: 10px 0;
}
.feeds li span {
    margin-right: 10px;
    padding: 3px;
}
.feeds li span i {
    color: #FFFFFF;
}
.messages {
    margin: 0;
    padding-right: 10px;
}
.messages li {
    list-style: none outside none;
    padding: 12px 0;
    position: relative;
}
.messages li p {
    margin: 0;
}
.messages li a img {
    border-radius: 50px;
    height: 51px;
    width: 51px;
}
.messages li.incoming a, .messages li.outgoing a {
    display: block;
    position: absolute;
    top: 12px;
}
.messages li.outgoing a {
    right: 0;
}
.messages li.incoming .message_area, .messages li.outgoing .message_area {
    border: 1px solid #E36974;
    color: #666666;
    font-size: 13px;
    padding: 8px 12px;
    position: relative;
}
.messages li.outgoing .message_area {
    border: 1px solid #50B478;
    margin-right: 70px;
    text-align: right;
}
.messages li.incoming .message_area {
    margin-left: 70px;
}
.message_info {
    margin-bottom: 5px;
}
.message_info span.sender {
    color: #F06060;
    font-weight: bold;
}
.messages li.outgoing .message_info span.sender {
    color: #50B478;
}
.message_info span.says, .message_info span.time {
    color: #999999;
    font-size: 12px;
    font-style: normal;
    margin-left: 5px;
}
.messages li.outgoing .message_area:after, .messages li.incoming .message_area:after {
    border: 6px solid rgba(0, 0, 0, 0);
    content: " ";
    display: block;
    position: absolute;
    top: -1px;
}
.messages li.outgoing .message_area:before, .messages li.incoming .message_area:before {
    border: 5px solid rgba(0, 0, 0, 0);
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    z-index: 1;
}
.messages li.outgoing .message_area:before {
    border-left: 5px solid #FFFFFF;
    border-top: 5px solid #FFFFFF;
    left: 100%;
}
.messages li.outgoing .message_area:after {
    border-left: 6px solid #50B478;
    border-top: 6px solid #50B478;
    left: 100%;
}
.messages li.incoming .message_area:after {
    border-right: 6px solid #E36974;
    border-top: 6px solid #E36974;
    right: 100%;
}
.messages li.incoming .message_area:before {
    border-right: 5px solid #FFFFFF;
    border-top: 5px solid #FFFFFF;
    right: 100%;
}
.messages li.incoming .message_area span.arow {
    left: -6px;
}
.msg-input {
    margin-right: 40px;
}
.msg-input input {
    border-right: 0 none;
    width: 100%;
}
.msg-button-relative {
    position: relative;
}
.msg-button {
    position: absolute;
    right: 0;
    top: 0;
}
.notification {
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    margin-bottom: 20px;
    min-height: 0 !important;
    padding: 10px;
}
.bwizard-steps {
    background-color: #F0F0F0;
    display: table;
    margin: 0 0 20px;
    width: 100%;
}
.bwizard-steps li {
    cursor: pointer;
    display: table-cell;
    padding: 15px;
}
.bwizard-steps li a {
    color: #B9B9B9;
    display: inline-block;
    font-size: 17px;
    padding: 0 15px;
}
.bwizard-steps li.active {
    background-color: #FFFFFF;
}
.bwizard-steps li.active a {
    color: #333333;
}
.bwizard-steps .label {
    background-color: #999999;
    color: #FFFFFF;
}
.bwizard .well {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
}
.bwizard-steps .label.badge-inverse {
    background-color: #333333;
}
.error-heading {
    color: #DFDFDF;
    display: block;
    font-size: 100px;
    line-height: 230px;
    text-align: center;
}
ul.gallery {
}
ul.gallery li {
    float: left;
    margin: 0 15px 15px 0;
    position: relative;
}
ul.gallery li img {
    height: 100px;
    width: 100px;
}
ul.gallery li:hover .overlay-options {
    display: block;
}
.overlay-options:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.overlay-options {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
    display: none;
    height: 100%;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
.overlay-options a {
    padding: 5px 10px;
}
.latest-blogs li {
    margin-bottom: 15px;
}
.latest-blogs li:hover {
    background-color: #F7F7F7;
}
.tags li {
    float: left;
    margin: 0 5px 5px 0;
}
.media a img {
    height: 50px;
    width: 50px;
}
.post-meta {
    font-size: 13px;
    margin-right: 15px;
}
.post-meta i {
    font-size: 16px;
    margin-right: 5px;
}
.blogs-list h3 {
    line-height: 26px;
    margin-top: 0;
}
.mail-list li:nth-child(2n+1) {
    background-color: #F6F6F6;
}
.mail-list li {
    border-radius: 5px !important;
    color: #888888;
    cursor: pointer;
    padding: 10px;
}
.mail-list li:before, .mail-list li:after {
    content: " ";
    display: table;
}
.mail-list li:after {
    clear: both;
}
.mail-list li div.tools {
    float: left;
    white-space: nowrap;
    width: 70px;
}
.mail-list li div.sender {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 20%;
}
.mail-list li div.message {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 50%;
}
.mail-list li div.time {
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 18%;
}
.mail-list li div[class*="icheckbox"] {
    margin-left: 0 !important;
}
.mail-list li i.star {
    color: #CCCCCC;
    font-size: 20px;
}
.mail-list li i.star:hover {
    color: #FFAB00;
}
.mail-list li i.star.selected {
    color: #FFAB00;
}
.mail-list li div.message .label {
    font-weight: normal;
    padding: 0 5px;
}
.the-icons {
    margin: 0;
}
.the-icons li {
    color: #505050;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    list-style: none outside none;
}
.the-icons li i {
    font-size: 14px;
    width: 30px;
}
.the-icons li:hover i {
    font-size: 24px;
}
div, input, select, textarea, span, img, table, td, th, p, a, button, ul, li, ol {
    border-radius: 0 !important;
}
a:hover {
    text-decoration: none !important;
}
@media (max-width: 768px) {
nav#main_topnav .toggle-topmenu, nav#main_topnav .toggle-aside {
    display: block;
}
aside#left_panel {
    height: 100% !important;
    left: 0;
    top: 0 !important;
    transform: translate3d(-270px, 0px, 0px);
}
aside#left_panel.asideopen {
    transform: translate3d(0px, 0px, 0px);
}
section#main_content, nav#main_topnav, header, aside {
    transition: all 0.4s ease 0s;
}
section#main_content {
    margin-left: 0;
}
nav#main_topnav {
    padding: 10px 0;
}
nav#main_topnav ul {
    clear: both;
    display: none;
    margin-top: 10px;
    text-align: left;
}
nav#main_topnav ul li {
    border-top: 1px solid #404040;
    display: block;
    margin: 0;
}
nav#main_topnav ul li a {
    display: block;
    padding: 10px 0;
}
nav#main_topnav ul li a i {
    margin-right: 10px;
}
body {
    padding-left: 0;
    padding-right: 0;
}
.container-fluid {
    padding-left: 15px;
    padding-right: 15px;
}
section#main_content > div.container-fluid {
    padding: 15px;
}
}
@media (max-width: 768px) {
.signin {
    top: 0;
}
.signin .signin-body h3, .locked-body h2, .locked-body p {
    text-align: center;
}
.locked {
    height: 365px;
}
.locked-user {
    margin: 0 auto;
    width: 180px;
}
.locked-body h2 {
    margin: 10px 0 20px;
}
.locked-body .msg-button-relative {
    margin-top: 0;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.row.responsive-tab [class*="col-md-"] {
    float: left;
    width: 50%;
}
.row.responsive-tab [class*="col-md-"]:nth-child(2n) {
    padding-left: 0;
}
}
@media (max-width: 767px) {
.row.responsive-mob [class*="span"] {
    -moz-box-sizing: border-box;
    float: left;
    margin-left: 2.5641%;
    width: 48.7179%;
}
.row.responsive-mob [class*="span"]:nth-child(2n+1) {
    margin-left: 0;
}
}
.zindex1 {
    z-index: 1 !important;
}
.overf-hide {
    overflow: hidden;
}
